<div class="da-list-wrap">
  <div class="da-content-banner">
    <d-breadcrumb>
      <d-breadcrumb-item><a routerLink="/">{{ 'inventory.breadcrumb.home' | translate }}</a></d-breadcrumb-item>
      <d-breadcrumb-item><a routerLink="/pages/inventory/initial-inventory">{{ 'inventory.breadcrumb.InitialInventory' | translate }}</a></d-breadcrumb-item>
      <d-breadcrumb-item>初期入库单——详情</d-breadcrumb-item>
    </d-breadcrumb>
  </div>
  <div class="da-content-wrapper">
        <div class="da-form-container">
            <div class="card">
              <div class="card-title">
                <p class="form-title">{{detail.otherWarehousingNum}}</p>
              </div>
              <div class="card-body">
                <div class="basic">
                  <div class="basic-title">
                    <h4>基础信息</h4>
                  </div>
                  <div class="basic-items">
                    <div class="basic-item">
                      <label >其他入库单号:</label>
                      <div class="basic-item-data">
                        <span>{{detail.otherWarehousingNum}}</span>
                      </div>
                    </div>
                    <div class="basic-item">
                      <label >单据日期:</label>
                      <div class="basic-item-data">
                        <span>{{detail.dateTime | date:'yyyy-MM-dd'}}</span>
                      </div>
                    </div>
                    <div class="basic-item">
                      <label >制单人:</label>
                      <div class="basic-item-data">
                        <span>{{detail.createUser}}</span>
                      </div>
                    </div>
                    <div class="basic-item">
                      <label >制单日期:</label>
                      <div class="basic-item-data">
                        <span>{{detail.createTime | date:'yyyy-MM-dd'}}</span>
                      </div>
                    </div>
                    <div class="basic-item">
                      <label>备注:</label>
                      <div class="basic-item-data">
                        <span>{{detail.note}}</span>
                      </div>
                    </div>
                  </div>

                </div>
                <div class="">
                  <h4>物料信息</h4>
                </div>
                <div class="table-body">
                  <d-data-table  [dataSource]="tableData"  [tableOverflowType]="'overlay'"
                  [scrollable]="true" [fixHeader]="true"
                  [tableWidthConfig]="tableWidthConfig" >
                  <thead dTableHead>
                    <tr dTableRow>
                      <th dHeadCell *ngFor="let colOption of dataTableOptions.columns">{{ colOption.header }}</th>
                    </tr>
                  </thead>
                  <tbody dTableBody >
                    <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
                      <tr dTableRow>
                        <td dTableCell >
                          <span class="ellipsis" dTooltip [content]="rowItem?.partNum" >{{rowItem.partNum}}</span>
                        </td>
                        <td dTableCell >
                          <span class="ellipsis" dTooltip [content]="rowItem?.partName">{{rowItem.partName}}</span>
                        </td>
                        <td dTableCell >
                          <span class="ellipsis" dTooltip [content]="rowItem?.partType">{{rowItem.partType}}</span>
                        </td>
                        <td dTableCell >
                          <span class="ellipsis" dTooltip [content]="rowItem?.partUOM">{{rowItem.partUOM}}</span>
                        </td>

                        <td dTableCell >
                          <span class="ellipsis" dTooltip [content]="rowItem?.receiptQuantity">{{rowItem.receiptQuantity}}</span>
                        </td>
                        <td dTableCell >
                          <span class="ellipsis" dTooltip [content]="rowItem?.warehouseName">{{rowItem.warehouseName}}</span>
                        </td>
                        <td dTableCell >
                          <span class="ellipsis" dTooltip [content]="rowItem?.positionName">{{rowItem.positionName}}</span>
                        </td>
                        <td dTableCell >
                          <span class="ellipsis" dTooltip [content]="rowItem?.remark">{{rowItem.remark}}</span>
                        </td>
                      </tr>
                    </ng-template>
              </d-data-table>
                </div>
              </div>
            </div>
        </div>

  </div>
</div>
